import React from 'react';
import ReactDOM from 'react-dom';

class App extends React.Component {
  state = {list: new Array(10000).fill(0)};

  render() {
    return (
      <ul>
        <input type="text"/>
        <button>add</button>
        {
          this.state.list.map((item,index)=><li key={index}>{item}</li>)
        }
      </ul>
    )
  }
}

// ↓ 这样是同步渲染, 不渲染完, 无法响应事件
// ReactDOM.render(<App/>, document.getElementById('root'));

// ↓ 下面这样会分片渲染
// https://reactjs.org/docs/concurrent-mode-reference.html#createroot
// ReactDOM.createRoot(document.getElementById('root')).render(<App/>); //emmm 17.02 不知道为嘛找不到这个api, 可能是改动了？ 或则工程环境配置原因? emmm 要装 特定实验版本的 react、react-dom ( 比如 0.0.0-experimental-10cc40018, 详情查看react仓库
ReactDOM.unstable_createRoot(document.getElementById('root')).render(<App/>);
